/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 6, 2014, 4:12:21 PM
    Author     : MrVinh
*/
*, p, table, tr, td, ul, li, ol, lo{
    margin: 0; padding: 0;
}
body
{
    margin: 0;
    padding: 0;
    color: #555;
    font: normal 10pt Arial,Helvetica,sans-serif;
    background: #efefef;
}
.container {
    width:950px;margin:0 auto;
}
#mainContainer{
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px;
}
#page
{
    margin-top: 5px;
    margin-bottom: 5px;	
}

#header
{
    margin: 0;
    padding: 0;		
}

h1.logo-info{
    color:#005CB8;
    font-weight: bold;
    font-size:25px;
    padding:10px 0;
}

#header-menu{
    background-color: #005CB8;	
}	
#header ul{
    list-style-type:none;
    padding:10px 0px;

}

#header ul li{
    display:inline;
    margin-right:10px;
}

#header ul li a{
    color:#fff;
    text-decoration: none;
}

#header ul li a:hover{
    text-decoration: underline;
}

table.hovertable {
    width: 100%;
    color:#333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
    border-top:2px solid #eee;
    padding: 0; margin: 0;
}

table.hovertable th {
    background-color:#fff;
    font-weight: bold;
    color: #FF8C00;
    border-bottom:1px solid #97c1dc;
    padding:5px;
    text-align: left;
}
table.hovertable th a{
    color: #FF8C00;
    text-decoration: none;
}
table.hovertable th a:hover{
    color: #FF8C00;
    text-decoration: underline;
}

table.hovertable th a.asc{
    color: red;
    background: transparent url(../images/sort_asc.png) no-repeat center left;
    padding-left: 15px;
}

table.hovertable th a.desc{
    color: red;
    background: transparent url(../images/sort_desc.png) no-repeat center left;
    padding-left: 15px;
}

table.hovertable tr {
    background-color:#eee;
}

table.hovertable tr.row_odd {
    background-color: #FAFAFA;
}
table.hovertable tr.row_even {
    background-color:#fff;
}

table.hovertable td {
    border-top: 1px solid #eee;
}

td.note{
    color: #777;
}

fieldset{
    background: #FAFAFA; padding:5px 10px;
    border-top: 1px solid #eee; 
    border-bottom: 1px solid #eee; 
    border-left: 1px solid #fafafa; 
    border-right: 1px solid #fafafa; 
    margin-bottom: 10px;
}
fieldset legend{
    text-transform: uppercase; 
    color: #0066cc;
    font: normal 14px Arial,Helvetica,sans-serif;
}
input.bnt, button.bnt{
    font: normal 14px Arial,Helvetica,sans-serif;
    background-color: #1B6CA2;
    border: 0 none;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    text-transform: uppercase;
}
.load_view_payment{
    width: 104px;
    height: 104px;
    background: url(../images/icon-loading.gif) scroll 0 0 no-repeat;
}
#waiting{
    width: 220px; height: 19px;
    background: url(../images/ajax-loader.gif) scroll 0 0 no-repeat;
}
.waiting-load-product{
    width: 100%;
    height: 20px;
    background: url(../images/progress.gif) scroll 0 0 repeat-x;
    clear: both;
    display: none;
}

.buttonSubmit{
    background-color: #2cb2bc;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    line-height: 22px;
    font-weight: bold;
    padding: 0 5px;
    text-transform: capitalize;
}
.buttonSubmit:hover{
    background-color: #47cad4;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -ms-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
    transition: all .15s ease-in;
}

#errorStreet, #errorCity, #errorRegion, #errorZip{
    color: red;
}

#footer
{
    padding: 10px;
    margin: 20px 0;
    font-size: 0.8em;
    text-align: center;
    border-top:1px dotted #ccc;	
}

span.required{ color: red;}
.errorMessage{ color: red;}

.clearfix, .container {display:block;}
.clear {clear:both;}